<template>
  <div>
    <Row class="home-page-content" align="middle">
      <BtnPlain class="com-action-btn" type="primary" @click="goBack">返回</BtnPlain>
      <h3>项目备案详情</h3>
    </Row>

    <div class="home-page-content mt-20">
      <Row>
        <BtnPlain class="com-action-btn" type="error">{{ '未洽谈' }}</BtnPlain>
      </Row>
      <Row class="mt-20" align="middle">
        <h3>{{ info.projectName }}</h3>
      </Row>

      <Divider />
      <Row justify="space-between" align="middle" class="info-title">
        <h4>项目基本信息</h4>
        <StageCom :projectStage="info.projectStage" />
      </Row>
      <Form>
        <Row class="com-form-item">
          <Col span="8">
            <FormItem label="省份:">{{ info.province }}</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="城市:">{{ info.city }}</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="项目地址:">{{ info.projectAddressName }}</FormItem>
          </Col>
        </Row>
        <div v-if="info.projectStage ==='BidTender'">
          <Divider />
          <h4 class="info-title">招标信息</h4>
          <Row class="com-form-item">
            <Col span="8">
              <FormItem label="资质要求:">{{ info.qualifications }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="招标获取截止时间:">{{ info.tenderClosingDate }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="招标截止时间:">{{ info.deadlineForBidding }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="资金来源:">{{ info.fundingSource }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="工程规模:">{{ info.projectScale }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="工期要求:">{{ info.durationRequired }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="招标范围:">{{ info.tenderScope }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="招标控制价:">{{ info.tenderControlPrice }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="保证金金额:">{{ info.bond }}</FormItem>
            </Col>
            <Col span="8">
              <FormItem label="缴纳保证金截止时间:">{{ info.bondEndTime }}</FormItem>
            </Col>
          </Row>
        </div>
        <Divider />
        <h4 class="info-title">指派人员</h4>
        <Row class="com-form-item" v-for="(it, i) in info.busiIndustryAssignList" :key="i">
          <Col span="8">
            <FormItem label="产业标记:">{{ it.industryName }}</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="经营人员:">{{ it.busInfoTrack.busiPersonName}}</FormItem>
          </Col>
        </Row>
        <Divider />
        <h4 class="info-title">项目方</h4>
        <Row class="com-form-item">
          <Col span="8">
            <FormItem label="业主方公司名称:">{{ info.ownerCompanyName }}</FormItem>
          </Col>
          <Col span="8">
            <FormItem label="施工方公司名称:">{{ info.constructionName }}</FormItem>
          </Col>
          <Divider />
          <Col span="24">
            <FormItem label="预计产值规模(万元):">{{ info.outputScale }}</FormItem>
          </Col>
          <Col span="24">
            <FormItem label="项目备注:">{{ info.projectRemark }}</FormItem>
          </Col>
        </Row>
      </Form>
      <!-- 反馈 -->
      <Feedback :feedbackDetailVoList="info.feedbackDetailVoList" showTitle />
    </div>
  </div>
</template>

<script>
import Feedback from '@/pages/businessInformationManage/common/feedback.vue'
import StageCom from '@/pages/businessInformationManage/common/stageCom.vue'
import { projectFilingGetData } from '@/api/projectFiling.js'


export default {
  name: 'projectFilingDetails',
  components: { Feedback, StageCom },
  data () {
    return {
      info: {}
    }
  },
  async created () {
    const busiInfoId = this.$route.query.busiInfoId || ''
    this.info = await projectFilingGetData({ busiInfoId })
  },
  methods: {
    goBack () {
      this.$router.replace({ path: "/projectFiling" });
    }
  }
}
</script>

<style lang='less' scoped>
.info-title {
  margin: 10px 0;
}

.mt-20 {
  margin-top: 20px;
}
</style>
